import Radar from '@/components/Echarts/Radar';
import'./index.less';
const Koubei = () => {
    return (
        <div>
            <div className='h-[300px] w-[500px]'>
            <Radar option={{
                    grid: {
                        right: 30,
                    },
                    legend: {
                        orient: 'horizontal',
                        left: 'center',
                        top: 20,
                        itemGap: 40,
                        itemWidth:20,
                        textStyle: {
                            color: '#fff',
                            fontSize: '24px'
                        }
                    },
                    radar: [{
                        // shape: 'circle',
                        axisName: {
                            color: '#fff',
                            fontSize: '24px'
                        },
                        // radius: 90,
                        radius:'50%',
                        center:['50%','60%'],
                        indicator: ['信用评分', '服务评分', '环境评分', '设施评分', '人气评分'],
                    }],
                    series: [
                        {
                            name: '区域信用维度分析',
                            type: 'radar',
                            data: [
                                {
                                    value: [90, 80, 85, 90, 95],
                                    name: '全省景区'
                                },
                                {
                                    value: [ 85, 90, 80, 85, 90],
                                    name: '行业平均'
                                }
                            ]
                        }
                    ],
                    color: ['#07E0FF', '#FCD24C'],
                }}/>
            </div>
        </div>
    )
}
export default Koubei;